<template>
  <div class="app">
    <person-v3 ref="ren" a="哈哈" b="呵呵" ></person-v3>
  </div>
</template>

<script lang="ts" setup name="App">
import personV3 from "@/components/PersonV3.vue";
import { ref, reactive } from "vue";
import { type Persons } from "@/types";
let personList = reactive<Persons>([
  { id: 'chuan1', name: '张三', age: 18, sex: '男' },
  { id: 'chuan2', name: '李四', age: 20 },
  { id: 'chuan3', name: '王五', age: 22 },
])
console.log(personList)
</script>

<style scoped>
.app {
  background-color: gray;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  padding: 20px;
}
</style>